
<!DOCTYPE html>
<html lang="en">
<head>

    <title>添加用户的页面</title>
    <!-- 引入js文件 -->
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/resources/bootstrap/css/bootstrap.min.css" />
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/resources/jquery/jquery-1.11.0.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/resources/jquery/jquery-migrate-1.2.1.min.js"></script>
    <!-- 导入bootStrap的库 -->
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/resources/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/resources/easyUI/jquery.easyui.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/resources/easyUI/easyui-lang-zh_CN.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/easyUI/easyui.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/resources/blockUI/jquery.blockUI.js"></script>



<script>

    $(function () {
        //弹框提示信息
        if("${tip}"){
            $.messager.show({
                title:'添加用户',
                msg:"<span style='color:red;'>${tip}</span>",
                showType:'slide'
            });
        }
    })
</script>
</head>
<body>
<center>
    <#--${tip}-->
   <#--${username}${msg}-->
    <form id="updateUserForm" action="/student/addUser" method="post" enctype="multipart/form-data"><#--注意上传文件一定要enctype为“multipart/form-data”-->
        <table class="table-condensed">
            <tbody>
            <tr>
                <td><label>学号:</label></td>
                <td><input type="text" class="form-control" name="id" placeholder="请输入学号"></td>

                <td><label>姓名:</label></td>
                <td><input type="text" class="form-control" name="username" placeholder="请输入用户名"></td>

            </tr>
            <tr>
            <#--在Bootstrap框架中，通过定制了一个类名`form-control`，也就是说，如果这几个元素使用了类名“form-control”，将会实现一些设计上的定制效果。
                        1、宽度变成了100%
                        2、设置了一个浅灰色（#ccc）的边框
                        3、具有4px的圆角
                        4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化
                        5、设置了placeholder的颜色为#999-->
                <td><label>密码:</label></td>
                <td><input type="password" id="password" name="password"
                           class="form-control" placeholder="请输入您的密码"></td>
                <td><label>确认密码:</label></td>
                <td><input type="password" id="repwd" name="repwd"
                           class="form-control" placeholder="请输入您的确认密码"></td>
            </tr>
            <tr>
                <td><label>座右铭:</label></td>
                <td><input id="note" name="note"
                           type="text" class="form-control" placeholder="请输入您的座右铭"></td>
                <td><label>头像:</label></td>
                <td><input placeholder="请选择头像" type="file" name="image"/></td>
            </tr>
            </tbody>
        </table>
    <#--<div align="center" style="margin-top: 20px;">-->
    <#--<a id="btn_submit" class="btn btn-info"><span-->
    <#--class="glyphicon glyphicon-edit"></span>&nbsp;修改</a>-->

        <input type="submit" class="btn btn-info" value="添加">
    <#--<input type="submit" value="确认"/>-->

        <button type="reset" class="btn btn-danger">
            <span class="glyphicon glyphicon-remove"></span>&nbsp;重置
        </button>
        </div>
    </form>

</center>
</body>
</html>